<!DOCTYPE html>
<html lang="utf-8">
<head>
    <meta charset="utf-8">
    <title>第一个vue应用</title>
    <script src="../js/vue.min.2.7.0.js"></script>
</head>
<body>
<div id="app">
 <ol>
     <todo-item v-for="item in todos" :todo="item"></todo-item>
 </ol>
</div>
<script>
  Vue.component('todo-item',{props:['todo'],template:'<li>{{todo.text}}</li>'})
    new Vue({
        el: '#app',
        data:{
            todos: [
                {text:'item1'},
                {text:'item2'},
                {text:'item3'}
            ]
        }
    })
</script>
</body>
</html>